import React from 'react';
//通过解构的方式解构出来createRoot
import { createRoot } from 'react-dom/client';
console.log('React----->', React);

// 类组件必须是大写开头的组件名
// 类组件应该继承React.Component父类，从而可以使用父类中提供的方法或属性
// 类组件必须提供render方法，并返回组件的结构
// class 组件名 extends React.Component{}
class HandleHello extends React.Component {
  render() {
    return <h3>我是一个类组件</h3>;
  }
}
class HandleHello2 extends React.Component {
  render() {
    return <h3>我是HandleHello2类组件</h3>;
  }
}

const divNode = (
  <>
    <HandleHello></HandleHello>
    <HandleHello2></HandleHello2>
  </>
);

// 这是React18版本新出的挂载节点的方法
const root = createRoot(document.getElementById('root'));
root.render(divNode);
